import React from "react";
import styles from "./Index.module.css";
import Mynao from "../../components/Mynao/Index";
import { List } from "antd-mobile";
function Index() {
  return (
    <div className={styles.zhangz}>
      <div className={styles.nav}>
        <div>
          <Mynao title="账号管理" />
        </div>

        <div>
          <List >
            <List.Item>账号
                <span style={{marginLeft:'200px'}}>136****66666</span>
            </List.Item>
            <List.Item onClick={() => {}}>
                绑定手机号
                <span style={{marginLeft:'140px'}}>136****66666</span>
            </List.Item>
            <List.Item onClick={() => {}}>注销账号
                <span style={{marginLeft:'80px',fontSize:'12px',color:'gray'}}>注销后账号无法恢复,请谨慎操作</span>
            </List.Item>
          </List>
        </div>

      </div>


        <div className={styles.footer}>
            <List>
                <List.Item onClick={() => {}}>修改密码
                    <span style={{marginLeft:'190px',color:'gray'}}>去修改</span>
                </List.Item>
            </List>
        </div>

    </div>
  );
}

export default Index;
